<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS字体与文本样式</title>
    <link rel="stylesheet" href="./styles/css05_text.css">
</head>
<body>
    <h1>CSS字体与文本样式</h1>
    <p class="box demo1">字体样式A1234567890abdefghhijk</p>
    <p class="box demo2">斜体&粗体</p>
    <p class="box demo3">文本对齐</p>
    <p class="box demo4">行高<br>行高</p>
    <p class="box demo5">文本装饰线</p>
    <p class="box demo6">文本缩进<br>123456<br>缩进对齐2个字符</p>
    <p class="box demo7">字符间距，单词 间距 word space</p>
    <p class="box demo8">字母转换、阴影 abc</p>

    <br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>